import { Flex } from 'antd';
import React from 'react';
import { useIntl } from 'umi';

type Iprops = {
  dark?: boolean;
};
const CountrySelect: React.FC<Iprops> = ({ dark = false }) => {
  const intl = useIntl();
  const isEn = intl.locale == 'en-US';

  return (
    <Flex
      align="center"
      gap={6}
      className={!dark ? 'right_operate_word' : 'right_operate_dark_word'}
      style={{ cursor: 'pointer', fontSize: 16 }}
    >
      <div
        style={{
          width: 3,
          height: 3,
          background: dark ? '#999' : 'rgba(255,255,255,.8)',
          borderRadius: '50%',
        }}
      />

      <div style={{ marginTop: isEn ? -1 : 0 }}>{intl.formatMessage({ id: 'home.hk' })}</div>
    </Flex>
  );
};
export default CountrySelect;
